<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>

<%@page import="com.myspace.view.common.Constant;"%>

<html:html locale="true">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传照片</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/myspace.css" />
<script type="text/JavaScript" src="${pageContext.request.contextPath}/js/myspace.js"></script>
<style type="text/css">
<!--
body {
	background-color: #C9CED2;
	text-align:center;
	margin:0px;
	padding:0px;
}
-->
</style>
</head>

<body>
<div id="wrapper">

  <%@ include file="../inc/headWithNavi.jsp"%>
  <div id="body">
    <div id="content" align="center">

      <table width="95%" cellspacing="0" cellpadding="0" style="margin-top:30px; margin-bottom:10px;">
        <tr>
          <td width="4%" height="10" align="left">
          <img src="${pageContext.request.contextPath}/image/head0000.gif" width="26" height="26" /></td>
          <td align="left">
          <table width="100%" cellspacing="0" cellpadding="0">
            <tr><td colspan="2"> <span class="STYLE8">上传照片</span></td></tr>
	      </table>
          </td>
        </tr>
      </table>

      <html:form action="/picture/doUpload" method="post" styleId="mainForm" enctype="multipart/form-data">
      <table width="95%" cellpadding="0" cellspacing="0">
        <tr>
          <td height="1" colspan="2" bgcolor="#D6D7D6"></td>
        </tr>
        <tr>
          <td height="29" align="center" valign="top" bgcolor="#F6F6F6">
          <table width="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td height="11"></td>
            </tr>
      	  </table>
          <table width="90%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="14" colspan="2" align="left"><span class="STYLE10">上　传：</span></td>
              </tr>
              <tr>
                <td height="14" colspan="2" align="left"></td>
              </tr>
              <tr>
                <td height="22" colspan="2" align="left">
                <dl class="select">
<%
				for(int idx=0; idx<Constant.UPLOAD_FILE_SIZE; idx++){
%>
	     		<div align="left">
	     			请选择需要上传的照片&nbsp;<html:file property="<%="imageFile["+idx+"]"%>" styleId="<%="imageFile["+idx+"]"%>"></html:file>
	     			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		          	请输入照片标签&nbsp;<html:text styleId="<%="imageTag["+idx+"]"%>"	property="<%="imageTag["+idx+"]"%>" maxlength="50"></html:text>
		          	&nbsp;&nbsp;&nbsp;<font color="red"><html:errors bundle="msg" property="<%="imageFile["+idx+"]"%>"/></font>
   				</div>
<%
				}
%>
     			</dl>
     			</td>
              </tr>
              <tr>
                <td width="20%" height="30" align="left" valign="bottom">
                <table width="108" height="24" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="108" height="24" align="center" background="${pageContext.request.contextPath}/image/button_b.gif">
                    <table width="82%" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="center"><img src="${pageContext.request.contextPath}/image/icon-013.gif" width="16" height="16" /></td>
                          <td align="left" valign="bottom"><span class="button_bar14"><a href="javascript:doSubmit()" id="targethref">确　定</a></span></td>
                        </tr>
                    </table>
                    </td>
                  </tr>
                </table>
               </td>
               <td width="80%" align="left" valign="bottom">
               <table width="108" height="24" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="108" height="24" align="center" background="${pageContext.request.contextPath}/image/button_b.gif">
                    <table width="82%" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="center"><img src="${pageContext.request.contextPath}/image/icon-013.gif" width="16" height="16" /></td>
                          <td align="left" valign="bottom"><span class="button_bar14"><a href="javascript:doCancel()">取　消</a></span></td>
                        </tr>
                    </table>
                   </td>
                  </tr>
                </table>
                </td>
              </tr>

            </table>
            <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="27"></td>
              </tr>
            </table></td>
          <td align="center" valign="top" bgcolor="#F6F6F6">&nbsp;</td>
        </tr>
        <tr>
          <td height="10" colspan="2" bgcolor="#FFFFFF"></td>
        </tr>
      </table>
	  </html:form>
     <span id="copyright">Copyright © 2007-2008 Allen.Chen</span>
    </div>
  </div>

  <div id="footer">
    <div id="left"></div>
    <div id="right"></div>
  </div>
</div>
</body>
</html:html>
